<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="/css/mui.css" rel="stylesheet" />
		<script src="/js/jquery-3.4.1.min.js"></script>
		<style>
			.chabox{
				margin: 20px;
			}
			.top1{
				font-size: 16px;
			}
			.top2{
				margin: 18px 0;
				color: #fff;
				padding:20px;
				border-radius: 3px;
				overflow: hidden;
			}
			.top2 img{
				float: right;
				margin-top: 20px;
			}
			.top2_title{
				font-size: 18px;
				font-weight: 700;
				line-height: 40px;
		
			}
			.top2 p{
				color:#fff;
			}
		</style>
	</head>

	<body>
		<div class="chabox">
			<div class="top1">
				所在区县：<span style="color: #0d2f90;">市本级</span>
			</div>
			<div class="top2" style="background: rgb(82, 179, 252);">
				<div class="dianji" style="float: left;">
					<span class="top2_title">住房查询</span>
					<p>查询权利人名下现有住房信息</p>
				</div>
				<img src="/img/2/l1.png" width="28px"/>
			</div>
			
			<div class="top2" style="background: rgb(252, 128, 82);">
				<div style="float: left;">
					<span class="top2_title">意向人查询</span>
					<p>查询意向房屋相关信息</p>
				</div>
				<img src="/img/2/l2.png" width="28px"/>
			</div>
			
			<div class="top2" style="background: rgb(121, 82, 252);">
				<div style="float: left;">
					<span class="top2_title">登记簿查询</span>
					<p style="width:280px;">查询权利人名下现有房屋的登记详情，如抵押、查封等信息</p>
				</div>
				<img src="/img/2/l3.png" width="28px"/>
			</div>
			
			<div class="top2" style="background: rgb(82, 161, 252);">
				<div style="float: left;">
					<span class="top2_title">房屋登记记录查询</span>
					<p>查询权利人名下房屋历次登记信息</p>
				</div>
				<img src="/img/2/l4.png" width="28px"/>
			</div>
			
			<div class="top2" style="background: rgb(252, 128, 82);">
				<div style="float: left;">
					<span class="top2_title">意向人查询</span>
					<p>查询意向房屋相关信息</p>
				</div>
				<img src="/img/2/l5.png" width="28px"/>
			</div>
			
			<div class="top2" style="background: rgb(82, 110, 252);">
				<div style="float: left;">
					<span class="top2_title">电子证书查询</span>
					<p>查询权利人名下现有电子证书</p>
				</div>
				<img src="/img/2/l6.png" width="28px"/>
			</div>
			
			<div class="top2" style="background: rgb(252, 190, 82);">
				<div style="float: left;">
					<span class="top2_title">电子证明查询 </span>
					<p>查询权利人人名下现有电子证明</p>
				</div>
				<img src="/img/2/l7.png" width="28px"/>
			</div>
			
		</div>
	</body>
	<script>
	$(function(){
		var id = '{{$id}}';
		$(".dianji").click(function(){
			window.location.href = 'cha5?id='+id
		})
	})
	</script>
</html>